/* Styles for Ext.LoadMask */

.#{$prefix}mask {
  z-index: 100;

  position: absolute;
  top: 0;
  left: 0;

  @include opacity($loadmask-opacity);

  width: 100%;
  height: 100%;
  zoom: 1;

  background: $loadmask-backgorund;
}

.#{$prefix}mask-msg {
  z-index: 20001;

  position: absolute;
  top: 0;
  left: 0;

  padding: $loadmask-msg-padding;
  border: 1px solid;
  border-color: $loadmask-msg-border-color;

  @if $loadmask-msg-background-gradient {
    @if $supports-gradients or $compile-all {
      @include background-gradient($loadmask-msg-background-color, $loadmask-msg-background-gradient);
    }
  } @else {
    background: $loadmask-msg-background-color;
  }

  div {
    padding: $loadmask-msg-inner-padding;

    //if an icon is defined show it
    @if $loadmask-msg-inner-icon != null {
      background-image: theme-background-image($theme-name, $loadmask-msg-inner-icon);
      background-repeat: no-repeat;
      background-position: 5px center;
    }

    cursor: wait;

    border: 1px solid $loadmask-msg-inner-border-color;

    background-color: $loadmask-msg-inner-background-color;

    color: $loadmask-msg-inner-color;
    font: $loadmask-msg-inner-font;
  }
}